.detail{
    position:relative;
    padding:.1rem;
}
.detail:after{
  content: "";
    position: absolute;
    top: -1px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 2rem;
    background: #EA4747;
}
/*白色圆角块*/
.whiteBlock{background:rgba(255,255,255,1);box-shadow:0px .16rem .32rem 0px rgba(0,0,0,0.05);border-radius:.12rem; overflow: hidden;}
.lotteryLi{ position: relative; padding: .12rem; border-bottom: 1px solid #e3e3e3; }
.lotteryTopType{ padding: .1rem 0 .14rem; position: relative;display:flex;}
.lotteryTopType .img{ width: .5rem; height: .5rem; margin-right: .1rem; }
.lotteryTopType .img img{ width: 100%; height: 100%; }
.lotteryTopType h2{ font-size: .18rem; color: #EA4747; font-weight: 500; }
.lotteryTopType p{ font-size: .14rem; }
.ml30 {
    margin-left: .3rem;
}
.mt30 {
    margin-top: .15rem;
}
.c999 {
    color: #999;
}
.mt5{
    margin-top: .02rem;
}
.mt10{
    margin-top: .1rem;
}
.red{ color: #EA4747; }
.lotteryBall{ font-size: 0; }
.lotteryBall em{ display: inline-block; margin-right: .1rem; width: .34rem; height: .34rem; text-align: center; line-height: .34rem; font-size: .16rem; font-weight: 600; color: #fff; border-radius: 50%; background: #EA4747; }
.lotteryBall em.blue{ background: #588BD8; }
.lotteryLi p{ font-size: .14rem; color: #333;}
.lotteryLi p em{ display: inline-block; width: .8rem; color: #999; }
.lotteryLi p span{ font-size: .13px;}
.prizeList table th{ height: .3rem; font-size: .13rem; color: #999; font-weight: 600; border-bottom: 1px solid #e3e3e3; text-align: center;}
.prizeList table td{ text-align: center; font-size: .14rem; color: #333; height: .5rem; }
.prizeList table td:last-child{ text-align: right; padding-right: .4rem; }
.linkBtn{ display: block; height: .5rem; line-height: .5rem; border-top: 1px solid #e3e3e3; font-size: .14rem; color: #0F88EB; text-align: center; font-weight: 500; }
.mengceng {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
    width: 100%;
    // display: none
}

.mengceng.show {
    display: block
}

.mask {
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.5)
}

.fix-box,.mask {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9
}

.fix-box {
    bottom: 0
}

.bottom-title,.fix-box {
    background: #fff;
}

.bottom-title {
    position: relative;
    font-size: .14rem;
    color: #424242;
    height: .5rem;
    line-height: .5rem;
    text-align: center
}

.bottom-title .bottom-close {
    position: absolute;
    top: 50%;
    margin-top: -.15rem;
    right: .1rem;
    width: .3rem;
    height: .3rem;
    background: url();
    background-position: 50%;
    background-size: 66% 66%;
    background-repeat: no-repeat;
    box-sizing: border-box
}

.bottom-con {
    transition: all .2s;
    background: #fff;
    height: 3rem;
    overflow-y: auto;
    border-top: 1px solid #d8d8d8;
}
.bottom-con-show {
    height: 0rem;
    overflow: hidden;
}
.bottom-con li {
    font-size: .12rem;
    padding: .1rem .2rem;
    border-bottom: 1px solid #d8d8d8
}

.bottom-con li:last-child {
    border-bottom: 0 solid #d8d8d8
}

.bottom-con .bot-time {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}
.bot-time1{
    text-align: center;
    position:relative;
}
.bottom-title:after{
    transition: all .2s;
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: .08rem;
    height: .08rem;
    border-top: .01rem solid #ccc;
    border-right: .01rem solid #ccc;
    position: absolute;
    left: 63%;
    top: 50%;
    margin-left: -.04rem;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.bottom-title.show:after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.bottom-con .bot-num {
    font-size: .14rem;
    color: #000
}

.bottom-con .bot-week {
    font-size: .12rem;
    color: #717171
}

.bottom-con .bot-ball em {
    font-family: typopro;
    font-size: .2rem;
    line-height: 1;
    color: #f84848;
    padding-right: .1rem;
    margin-top: .1rem;
    display: inline-block
}

.bottom-con .bot-ball em.ball-blue {
    color: #3775ff
}

.bottom-choise {
    background: #fff;
    max-height: 3rem;
    overflow-y: auto;
    border-top: 1px solid #d8d8d8
}

.bottom-choise li {
    padding: .16rem .16rem 0
}

.bottom-choise li p {
    text-align: center;
    width: 100%;
    background: #f4f4f7;
    height: .36rem;
    line-height: .36rem;
    font-size: .16rem;
    color: #666;
    border-radius: .04rem
}

.bottom-choise li.active p {
    background: #fff;
    border: 1px solid #fd8e8f;
    color: #f84848
}

.bottom-choise li:last-child {
    padding-bottom: .16rem
}

.bottom-more {
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    text-align: center;
    background: #fff;
    color: #f84848;
    border-top: 1px solid #d8d8d8
}

.bottom-more i {
    display: inline-block;
    position: relative;
    width: .06rem;
    height: .06rem;
    vertical-align: middle;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #f84848;
    border-left: 1px solid #f84848
}

.bottom-cancle {
    height: .5rem;
    line-height: .5rem;
    font-size: .16rem;
    text-align: center;
    background: #fff;
    color: #999;
    border-top: 1px solid #d8d8d8
}
.popup{ position: fixed; z-index: 120; left: 0; top: 100%; width: 100%; background: #fff; border-radius: .2rem .2rem 0 0; transition: all .2s;}
.popup.animate{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.popup .hd{ height: .5rem; line-height: .5rem; text-align: center; border-bottom: 1px solid #eee; font-size: .18rem; color: #333; font-weight: 600; }
.popup .close{ position: absolute; width: .5rem; height: .5rem; line-height: .5rem; color: #bbb; font-size: .24rem; text-align: center; }
.popup .btn{ height: .5rem; line-height: .5rem; text-align: center; font-size: .16rem; font-weight: 500; border-top: 1px solid #eee; }
.popup .btn a{display: block; color: #FF8200;}
